<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <link rel="stylesheet" href="../../static/easyui/bootstrap/css/bootstrap.min.css"/>
    <script type="text/javascript" src="../../static/easyui/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../../static/easyui/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../static/easyui/css/common/box.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/easyui/css/common/checkbox.css"/>
    <title>新建流程</title>
    <link rel="stylesheet" href="../../static/easyui/css/common/tanchuang.css"/>
</head>
<style type="text/css">
    a {
        color: black;
        cursor: pointer;
    }

    a:hover {
        text-decoration: none;
    }

    .bgc-w {
        background-color: #fff;
    }

    .block {
        display: inline-block;
        width: 20px;
    }

    .col-md-3 h4, .col-md-3 h5 {
        display: inline-block;
        margin-left: 10px;
    }

    .col-md-3 h4 {
        margin-top: 40px;
        margin-bottom: 1px;

    }

    .col-md-3 {
        -webkit-box-shadow: #666 0px 0px 10px;
        -moz-box-shadow: #666 0px 0px 10px;
        box-shadow: #666 0px 0px 10px;
        border-radius: 5px;
        margin-right: 48px;
        margin-left: 27px;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
    }

    .me .form-group {
        margin-bottom: 48px;
    }

    .me img {
        border-radius: 15px;
        cursor: pointer;
    }
</style>
<body>

<div class="row" style="padding-top: 15px;">
    <div class="col-md-12">
        <div class="bgc-w box">


            <!--盒子身体-->

            <div class="box-body no-padding">
                <div class="box-body">
                    <div class="row me" style="padding-top: 40px;padding-left: 40px;">
                        <a href="/admin/process/costTable.jsp">
                            <div class="col-md-3 form-group">
                                <label class="control-label" style="float:left;"><img
                                        src="../../static/easyui/images/money.jpg"
                                        style="width:100px;height:100px;"></label>
                                <div>
                                    <h4>费用报销单</h4><br>
                                    <h5>指报销申请单据</h5>
                                </div>
                            </div>
                        </a>
                        <a href="/admin/process/evectionTable.jsp">
                            <div class="col-md-3 form-group">
                                <label class="control-label" style="float:left;"><img
                                        src="../../static/easyui/images/chuchai.jpg" style="width:100px;height:100px;"></label>
                                <div>
                                    <h4>出差申请单</h4><br>
                                    <h5>指出差申请单</h5>
                                </div>
                            </div>
                        </a>
                        <a href="/admin/process/overTimeTable.jsp">
                            <div class="col-md-3 form-group">
                                <label class="control-label" style="float:left;"><img
                                        src="../../static/easyui/images/jiaban.jpg"
                                        style="width:100px;height:100px;"></label>
                                <div>
                                    <h4>加班申请单</h4><br>
                                    <h5>指加班申请单</h5>
                                </div>
                            </div>
                        </a>
                        <a href="/admin/process/positiveTable.jsp">
                            <div class="col-md-3 form-group">
                                <label class="control-label" style="float:left;"><img
                                        src="../../static/easyui/images/zhuanzhneg.jpg"
                                        style="width:100px;height:100px;"></label>
                                <div>
                                    <h4>转正申请单</h4><br>
                                    <h5>指转正申请单</h5>
                                </div>
                            </div>
                        </a>
                        <a href="/admin/process/vacateTable.jsp">
                            <div class="col-md-3 form-group">
                                <label class="control-label" style="float:left;"><img
                                        src="../../static/easyui/images/qingjia.jpg" style="width:100px;height:100px;"></label>
                                <div>
                                    <h4>请假申请单</h4><br>
                                    <h5>指请假申请单</h5>
                                </div>
                            </div>
                        </a>
                        <a href="/admin/process/resignTable.jsp">
                            <div class="col-md-3 form-group">
                                <label class="control-label" style="float:left;"><img
                                        src="/static/easyui/images/lizhi.jpg" style="width:100px;height:100px;"></label>
                                <div>
                                    <h4>离职申请单</h4><br>
                                    <h5>指离职申请单</h5>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
</body>
</html>
